<div class="group">群组</div>
<nb-list>
  <nb-list-item *ngIf="!groupList.length">
    <div class="empty-message">暂未加入群组</div>
  </nb-list-item>
  <nb-list-item
    *ngFor="let group of groupList"
    [class.active]="isActive(group.uid)"
    (click)="getFriendInfo(group.uid)"
  >
    <div class="user-container">
      <nb-user [picture]="group?.avatar" [name]="group?.name" [showTitle]="false"></nb-user>
    </div>
  </nb-list-item>
</nb-list>

<div class="friends">好友列表</div>
<div class="btn">
  <button nbButton status="info" (click)="searchFriend()">加好友</button>
</div>
<nb-list>
  <nb-list-item *ngIf="!friendList?.length">
    <div class="empty-message">暂未添加联系人哟</div>
  </nb-list-item>
  <nb-list-item
    *ngFor="let user of friendList"
    [class.active]="isActive(user.email)"
    (click)="getFriendInfo(user.email)"
  >
    <div class="user-container">
      <nb-user [picture]="user?.avatar" [name]="user?.name" [showTitle]="false"></nb-user>
    </div>
  </nb-list-item>
</nb-list>
